<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>乡土味士 - 后台管理中心 - 图片管理</title>
<link rel="shortcut icon" href="favicon.ico">
<link href="__PUBLIC__/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
<link href="__PUBLIC__/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

<!-- Data Tables -->

<link href="__PUBLIC__/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<link href="__PUBLIC__/css/animate.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/style.min862f.css?v=4.1.0" rel="stylesheet">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeInRight">
  <div class="row">
    <div class="col-sm-12">
      <div class="ibox-title" style="min-height: 65px;margin-bottom: 15px;">
        <h5> <a href="<?=U('Pic/addPic')?>" title="添加图片">
          <button type="button" class="btn btn-primary">+添加图片</button>
          </a> </h5>
      </div>
      <div class="ibox-content">
        <table class="table table-striped table-bordered table-hover dataTables-example">
          <thead>
            <tr>
              <th>序号</th>
              <th>图片</th>
              <th>比例</th>
              <th>状态</th>
              <th>上传时间</th>
              <th>更新时间</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <volist name="list" id="vo">
              <tr class="gradeX">
                <td>{$vo.id}</td>
                <td><img src="{$vo.url}" style="max-width:200px;max-height: 100px;"></td>
                <td>{$vo.proportion}</td>
                <switch name="vo.state">
                    <case value="0"><td style="color:#f40;">待处理</td></case>
                    <case value="1"><td>已处理</td></case>
                  </switch>
                <td>{$vo['addtime']|date="Y-m-d H:i",###}</td>
                <td>{$vo['uptime']|date="Y-m-d H:i",###}</td>
                <td><a href="<?=U('Pic/editPic',['id'=>$vo['id']])?>" style="padding:0 3px;" title="编辑"> <i class="glyphicon glyphicon-pencil"></i> </a></td>
              </tr>
            </volist>
          </tbody>
          <tfoot>
            <tr>
              <th>序号</th>
              <th>图片</th>
              <th>比例</th>
              <th>状态</th>
              <th>上传时间</th>
              <th>更新时间</th>
              <th>操作</th>
            </tr>
          </tfoot>
        </table>
        
        <!--分页-->
        
        <div class="footer"> {$page} </div>
      </div>
    </div>
  </div>
</div>
</div>
<script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script> 
<script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script> 
<script src="__PUBLIC__/js/plugins/jeditable/jquery.jeditable.js"></script> 
<script src="__PUBLIC__/js/plugins/dataTables/jquery.dataTables.js"></script> 
<script src="__PUBLIC__/js/plugins/dataTables/dataTables.bootstrap.js"></script> 
<script src="__PUBLIC__/js/content.min.js?v=1.0.0"></script> 
<script src="__PUBLIC__/js/layer/layer.js"></script>
<style type="text/css">

    .footer{

        text-align: center;

    }

    .footer a{

        width: 58px;

        height: 20px;

        display: inline-block;

        border: 1px solid #d2d2d2;

        margin-left: 2px;

    }

    .footer span{

        width: 58px;

        height: 20px;

        display: inline-block;

        margin-left: 2px;

    }

    .footer .current{

        background-color: #f4f4f4;

        border: 1px solid #d2d2d2;

    }

</style>
<script>



    $(document).ready(function(){

        $(".dataTables-example").dataTable();

        var oTable=$("#editable").dataTable();

        oTable.$("td").editable("http:///theme/example_ajax.php",{

            "callback":function(sValue,y){

                var aPos=oTable.fnGetPosition(this);

                oTable.fnUpdate(sValue,aPos[0],aPos[1])},

            "submitdata":function(value,settings){

                return{"row_id":this.parentNode.getAttribute("id"),"column":oTable.fnGetPosition(this)[2]}},"width":"90%","height":"100%"

        })

    });

</script>
</body>

<!-- Mirrored from /theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->

</html>
